<!--  -->
<template>
  <div id='home'>
    <div class="carousel">
      <carousel></carousel>
    </div>
    <div class="goodItembox">
      <goodItem class="goodItem"></goodItem>
      <goodItem class="goodItem"></goodItem>
      <goodItem class="goodItem"></goodItem>
    </div>
    <div class="Hbottom"></div>
  </div>
</template>

<script>
  import carousel from 'components/Carousel/Carousel_main.vue';
  import goodItem from 'components/showGoods/goodItem.vue';
  export default {
  data() {
    return {
      
    }
  },
  components:{
    carousel,
    goodItem
  },
  //生命周期 - 创建完成（访问当前this实例）
  methods:{
  },
  created() {
  
  },
  //生命周期 - 挂载完成（访问DOM元素）
  mounted() {
  }
  }
</script>
<style scoped>
/* @import url(); 引入css类 */
  #home{
    height: 100%;
  }
  .carousel{
    display: block;
    margin-bottom: 10px;
    box-shadow: 1px 1px 10px 1px #969696;
  }
  .Hbottom{
    height: 40px;
    width: 100%;
  }
</style>